<template>
    <div class="SceSport">
        <sce-sport-header class="SceHeader"></sce-sport-header>
        <sce-sport-content></sce-sport-content>
        <sce-sport-expand></sce-sport-expand>
        <com-footer class="footer"></com-footer>
    </div>
</template>

<script>
    import SceSportHeader from "../../components/SceSportDetail/SceSportHeader";
    import SceSportContent from "../../components/SceSportDetail/SceSportContent";
    import SceSportExpand from "../../components/SceSportDetail/SceSportExpand";
    import ComFooter from "../../components/Common/ComFooter";
    export default {
        name: "SceSportDetail",
        components:{
            SceSportHeader,
            SceSportContent,
            SceSportExpand,
            ComFooter
        }
    }
</script>

<style scoped>
.SceSport{
    width: 100%;
    height: 100%;
    top: 0;
    position: relative;
    background-color: #e4eefc;
}
.SceHeader{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}
.footer{
    width: 100%;
    background-color: white;
    position: fixed;
    bottom: 0;
    box-shadow: 0 -1px 1px rgba(0,0,0,.08);
}
</style>